<template>
  <div id="gameHome">
    <div class="blue t_c bc_16 fz_52 c_ff fz_bold" @click.stop="goCreatGame">
      创建多人游戏
    </div>
    <div class="blue t_c bc_16 fz_52 c_ff fz_bold" @click.stop="goGameDetail">
      查询游戏信息
    </div>
    <div class="copyrights t_c">copyrights by  上海革命历史博物馆</div>
  </div>
</template>

<script>
  require("./flexible.js");
  export default {
    name: "gameHome",
    methods:{
      goCreatGame(){
        this.$router.push({
          name:'gameCreate'
        })
      },
      goGameDetail(){
        this.$router.push({
          name:'gameQuery'
        })
      }
    }
  }
</script>

<style scoped lang="scss">
  @import "./base.css";
  #gameHome{
    div{
      box-sizing: border-box;
    }
   background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
   .blue{
     width: 6rem;
     height: 3rem;
     margin-top: 1.4rem;
     border-radius: 0.2rem;
   }
    .copyrights{
      width: 100%;
      height: 0.6rem;
      position: fixed;
      bottom: 0;
    }
  }
</style>
